<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <meta name="referrer" content="no-referrer" />
      <title>[卷皮网商品列表]</title>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
      <link rel="stylesheet" href="./stylesheets/product.css">
      <link rel="stylesheet" href="./icon/iconfont.css">
</head>

<body>
      <!-- //toolbar -->
      <div class="toolbar content_width">
            <ul class="itemContainer">
                  <li class="unlogin"><a href="./login.html">登陆</a></li>
                  <li class="unlogin"><a href="./register.html" class="color_red">免费注册</a></li>
                  <li class="user">
                        <div>
                              <a href="###" class=" color_red">
                                    <i class="iconfont iconUser">&#xe618;</i><span>用户名</span>
                              </a>
                              <div class="user-menu">
                                    <div>
                                          <p class="my-order">我的订单</p>
                                          <p class="login-out">退出</p>
                                    </div>
                              </div>
                        </div>

                  </li>
                  <li><a href="" class="border_left"> 我的订单</a></li>
                  <li><a href="">商家入驻</a></li>
                  <li><a href="./car.html"><i class="iconfont icon_red">&#xe6d7;</i> 购物袋 <i class="countContainer"><span
                                          class="buyNum">0</span></i></a></li>
                  <li><a href="" class="border_left ">商家中心</a></li>
                  <li><a href="">客户服务</a></li>

            </ul>
      </div>
      <!-- //end toolbar -->
      <!-- //logo search -->
      <div class="logoContainer fram_width border-bottom">
            <div class="logo content_width">
                  <div class=" logobg logoimg"> <a href="./index.html"></a></div>
                  <div class=" logobg protection">
                        <a href="###" title="开抢" class="qiang"></a>
                        <a href="javascript:;" title="买手砍价" class="kanjia"></a>
                        <a href="javascript:;" title="验货" class="yanhuo"></a>
                  </div>
                  <div class="search">
                        <input id="searchIpt" type="text" placeholder="请输入想找的宝贝" />
                        <span id="searchBtn"><i class="iconfont icon_white">&#xe601;</i></span>
                  </div>
            </div>
            <div class="nav content_width">
                  <ul class="nav_head">
                        <li class="home"><a class="home" href="./index.html">首页</a></li>
                        <li class="nav_tab"><a href="./index.html?5576">品牌折扣</a></li>
                        <li class="nav_tab"><a href="./index.html?5578">9.9包邮</a></li>
                        <li class="nav_tab"><a href="./index.html?5573">即将上线</a></li>
                        <li class="nav_tab"><a href="javascript:;"><i class="iconfont icon_phone">&#xe633;</i> 手机版</a>
                        </li>
                  </ul>
            </div>
      </div>
      <!-- //end logo -->
      <!-- product -->
      <div class="fram_width main-color">
            <div class="nav fram_width">
                  <ul class="home_head content_width">
                        <li data-id=5575><a href="javascript:;" class="home">今日上新</a></li>
                        <li data-id=5571><a href="javascript:;" class="border_left">女装</a></li>
                        <li data-id=5572><a href="javascript:;">男装</a></li>
                        <li data-id=5574><a href="javascript:;">鞋子</a></li>
                        <li data-id=5575><a href="javascript:;">箱包</a></li>
                        <li data-id=5578><a href="javascript:;">母婴</a></li>
                        <li data-id=5576><a href="javascript:;">美妆</a></li>
                        <li data-id=5575><a href="javascript:;">居家</a></li>
                        <li data-id=5579><a href="javascript:;">家纺</a></li>
                        <li data-id=5575><a href="javascript:;">文体</a></li>
                        <li data-id=5573><a href="javascript:;">美食</a></li>
                        <li data-id=5577><a href="javascript:;">数码</a></li>
                        <li data-id=5577><a href="javascript:;">电器</a></li>
                        <li data-id=5579><a href="javascript:;">内衣</a></li>
                        <li data-id=5574><a href="javascript:;">配饰</a></li>
                        <li data-id=5578 class="upcoming"><a href="javascript:;">[即将上线]</a></li>
                  </ul>
            </div>
            <div class="product_Container content_width">
                  <!-- <div class="brand_title">
                        <div class="bleft">
                              <strong>今日新品</strong>
                              <span>TODAY'S NEW</span>
                        </div>
                        <div class="bright"><a href="###" class="icon_phone">全部品牌 >></a></div>
                  </div> -->

                  <div class="loading">
                        <img src="./images/load.gif" alt="">
                  </div>
                  <div class="productList">
                        <!-- <div class="product">
                              <div class="productimg">
                                    <a href="###"><img
                                                src="https://goods1.juancdn.com/goods/181009/0/3/5bbc1fcbb6f8ea19d31906d4_800x800.jpg?iopcmd=thumbnail&type=11&height=310&width=310%7Ciopcmd=convert&Q=88&dst=jpg"
                                                alt=""></a>
                                    <span class="supportContainer" title="加入收藏"><i
                                                class="iconfont icon_spport">&#xe611;</i></span>
                              </div>
                              <div class="productPrice">
                                    <span class="productPrice_now">$58</span>
                                    <strong class="productPrice_old">$298</strong>
                              </div>
                              <div class="productTitle">
                                    <span class="title">新款潮小包女士小清新潮小包女士小清新</span>
                                    <strong class="status">剩3天</strong>
                              </div>
                        </div>
                        -->
                  </div>
            </div>
            <div>
                  <!-- class="content_width" -->
                  <div class="page ">
                        <nav aria-label="Page navigation">
                              <ul class="pagination">
                                    <li>
                                          <a href="#" aria-label="Previous">
                                                <span aria-hidden="true">&laquo;</span>
                                          </a>
                                    </li>
                                    <li class="change_btn"><a href="javascript:void(0)">1</a></li>
                                    <li class="change_btn"><a href="javascript:void(0)">2</a></li>
                                    <li class="change_btn"><a href="javascript:void(0)">3</a></li>
                                    <li class="change_btn"><a href="javascript:void(0)">4</a></li>
                                    <li class="change_btn"><a href="javascript:void(0)">5</a></li>
                                    <li>
                                          <a href="#" aria-label="Next">
                                                <span aria-hidden="true">&raquo;</span>
                                          </a>
                                    </li>
                              </ul>
                        </nav>
                  </div>
            </div>
      </div>
      <!-- endproduct -->
      <!-- //footer -->
      <div class="fram_width border-top">
            <div class="content_width footer">
                  <div class="erweima">
                        <a href="###"><img src="./images/erweima.png" alt=""></a>
                        <p>随时逛 及时抢</p>
                  </div>
                  <div class="gengxin footer_link">
                        <p>获取更新</p>
                        <ul>
                              <li><i></i><a href="">iPhone/Android</a></li>
                              <li><i></i><a href="">卷皮QQ空间</a></li>
                              <li><i></i><a href="">卷皮新浪微博</a></li>
                              <li><i></i><a href="">开放API</a></li>
                        </ul>
                  </div>
                  <div class="partner footer_link">
                        <p>商务合作</p>
                        <ul>
                              <li><i></i><a href="">卖家免费报名</a></li>
                              <li><i></i><a href="">商家入驻</a></li>
                              <li><i></i><a href="">廉政邮箱</a></li>
                              <li><i></i><a href="">开放平台</a></li>
                        </ul>
                  </div>
                  <div class="partner footer_link">
                        <p>公司信息</p>
                        <ul>
                              <li><i></i><a href="">关于卷皮</a></li>
                              <li><i></i><a href="">媒体报道</a></li>
                        </ul>
                  </div>
                  <div class="partner footer_link">
                        <p>帮助中心</p>
                        <ul>
                              <li><i></i><a href="">新手上路</a></li>
                              <li><i></i><a href="">网站地图</a></li>
                        </ul>
                  </div>
                  <div class="connection">
                        <div class="telimg">
                              <span>
                                    <p>周一至周五</p>
                                    <p>9:00-18:00</p>

                              </span>
                        </div>
                        <div class="telnumber">
                              <span>客服热线 : 400-0090-869</span>
                        </div>
                  </div>
            </div>
            <div class="content_width">
                  <div class="friend_link">
                        <div class="flink_left">
                              <span>友情链接&nbsp;&nbsp;:&nbsp;&nbsp; </span>
                              <span class="roll">
                                    <div id="link1">
                                          <a href="###">易登网</a>
                                          <a href="###">易登网</a>
                                          <a href="###">普洱茶</a>
                                          <a href="###">品牌鞋</a>
                                    </div>
                                    <div id="link2">
                                          <a href="###">九块九</a>
                                          <a href="###">九块九</a>
                                          <a href="###">易迅优惠券</a>
                                          <a href="###">中国鲜花礼品网</a>
                                    </div>
                              </span>
                        </div>
                        <div class="more foot_more">
                              <a href="###">更多>></a>
                        </div>
                  </div>

            </div>
            <div class="copyright content_width">
                  <p>
                        <span>武汉奇米网络科技有限公司 鄂ICP备10209250号 | ICP许可证号：鄂B2-20150109 |
                              <a href="###"> 鄂公网安备42018502000390号</a>
                              | 食品流通许可证 SP4201991510041888
                        </span>
                  </p>
                  <p>Copyright © 2010 -2019 JuanPi.com All Rights Reserved</p>
                  <div class="copyimg">
                        <img src="./images/r_315new.gif" alt="" />;
                        <img src="./images/r_cnnic.gif" alt="" />;
                        <img src="./images/r_gongshang.gif" alt="" />;
                        <img src="./images/sm_124x47.png" alt="" class="last" />;

                  </div>
            </div>
      </div>
      <!-- //end footer -->
      <div class="userbar">
            <ul>
                  <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe618;</i></a></li>
                  <li class="shopcontainer">
                        <a href="./car.html" class="cart-empty">
                              <div>
                                    <i class="iconfont iconUserbar">&#xe6d7;</i>
                              </div>
                              <span class="shopbag"> 购物袋</span>
                              <div>
                                    <i class="countContainer"><span class="buyNum">0</span></i>
                              </div>
                        </a>
                  </li>
                  <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe613;</i></a></li>
                  <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe645;</i></a></li>
                  <li class="bottom">
                        <div>
                              <a href=""><i class="iconfont iconUserbar">&#xe632;</i></a>
                        </div>
                        <div>
                              <a href=""><i class="iconfont iconUserbar">&#xe607;</i></a>
                        </div>
                        <div>
                              <a href=""><i class="iconfont iconUserbar">&#xe619;</i></a>

                        </div>
                  </li>
            </ul>
      </div>
      <div class="home_nav fram_width">
            <ul class="home_head content_width">
                  <li data-id="5576"><a href="./product.html?5579" class="home">今日上新</a></li>
                  <li data-id="5571"><a href="./product.html?5571" class="border_left">女装</a></li>
                  <li data-id="5572"><a href="./product.html?5572">男装</a></li>
                  <li data-id="5574"><a href="./product.html?5574">鞋子</a></li>
                  <li data-id="5575"><a href="./product.html?5574">箱包</a></li>
                  <li data-id="5578"><a href="./product.html?5578">母婴</a></li>
                  <li data-id="5576"><a href="./product.html?5576">美妆</a></li>
                  <li data-id="5573"><a href="./product.html?5575">居家</a></li>
                  <li data-id="5575"><a href="./product.html?5579">家纺</a></li>
                  <li data-id="5575"><a href="./product.html?5575">文体</a></li>
                  <li data-id="5576"><a href="./product.html?5573">美食</a></li>
                  <li data-id="5577"><a href="./product.html?5577">数码</a></li>
                  <li data-id="5579"><a href="./product.html?5577">电器</a></li>
                  <li data-id="5574"><a href="./product.html?5571">内衣</a></li>
                  <li data-id="5575"><a href="./product.html?5574">配饰</a></li>
                  <li data-id="5578" class="upcoming"><a href="./product.html?5577">[即将上线]</a></li>
            </ul>
      </div>
</body>
<script src="./scripts/libs/require.js"></script>
<script>
      require(["./require.config"], function () {
            require(["product"], () => {
            })
      })
</script>

</html>